<template>
  <div class="props">
    <SSection name="组件">
      <Prop v-for="(prop,index) in allProps" :key="index" :data="prop"></Prop>
    </SSection>
  </div>
</template>

<script lang="ts">
import { computed, defineComponent, toRaw } from 'vue';
import SSection from '@/ui-kit/section/section.vue';
import SProp from '@/ui-kit/prop/prop.vue';
import propertyStore from './store';
import Prop from './prop.vue';

export default defineComponent({
  name: 'props',
  components: { SProp, SSection, Prop },
  emits: [],
  props: {},
  setup(props, { emit }) {
    const allProps = computed<sail.ComponentAttr[]>(() => {
      return propertyStore().props;
    });
    return {
      allProps,
     
    };
  },
});
</script>
<style scoped lang="scss">
.props {

}
</style>
